@mixin weui-icon-success-no-circle() {
    &:before {
        content: "\EA08"
    }

    ;
}

@mixin sub-title() {
    box-sizing: border-box;
    width: 100%;
    font-size: 0.28rem;
    color: $color-666666;
    padding: 0.27rem $mh32 0.15rem;
    line-height: 0.38rem;
    background: $color-f5f5f5;
}

@mixin cell--mixin {
    box-sizing: border-box;
    position: relative;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
    height: $ch96;
    width: 100%;
    padding-left: $mh32;
    background: $color-ffffff;
    font-size: $fs32;
    line-height: $ch96;

    &__title {
        flex: 0 1 auto;
        min-width: 1.6rem;
        max-width: 2.56rem;
        margin-right: 0.4rem;
        font-size: $fs32;
        line-height: $lh42;
        color: $color-333333;
    }

    &::after {
        position: absolute;
        display: block;
        top: 100%;
        left: 0;
        right: 0;
        height: 1px;
        border-top: 1px solid $color-e5e5e5;
        z-index: 1;
        transform: scaleY(0.5);
        content: ' ';
    }

    &:last-child {
        &::after {
            display: none;
        }
    }
}

@mixin keyframes($animationName) {
    @keyframes #{$animationName} {
        @content;
    }

    @-webkit-keyframes #{$animationName} {
        @content;
    }

    @-ms-keyframes #{$animationName} {
        @content;
    }

    @-moz-keyframes #{$animationName} {
        @content;
    }
}

@mixin bottom-line {
    &::after {
        position: absolute;
        display: block;
        top: 100%;
        left: $mh32;
        right: 0;
        height: 1px;
        border-top: 1px solid $color-e5e5e5;
        z-index: 1;
        transform: scaleY(0.5);
        content: ' ';
    }

    &:last-child {
        &::after {
            display: none;
        }
    }
}

@mixin bd-bottom {
    border-bottom: 1px solid #e5e5e5;
}
